<template>
    <div class="join-addEdit">
        <el-dialog :append-to-body="true" width="400px" :title="title" v-model="show" @close="cancelFun"
            destroy-on-close>
            <slot name="form"></slot>
            <template #footer>
                <span class="dialog-footer">
                    <el-button @click="cancelFun" size="large">取消</el-button>
                    <!-- <el-button type="primary" @click="confirmFun" size="large">确认</el-button> -->
                </span>
            </template>
        </el-dialog>
    </div>
</template>
<script setup>
import { computed } from 'vue'

const props = defineProps({
    show: {
        type: Boolean,
        default: null
    }
})

const emit = defineEmits(['hide-piliang-status'])

const title = computed(() => {
    return '批量上传书籍'
})

function confirmFun() {
    emit('hide-piliang-status', 'cancel')
}

function cancelFun() {
    emit('hide-piliang-status', 'cancel')
}

</script>
<style lang="scss" scoped>

</style>
  